.body {
  width: 100%;
  height: auto; }
  .body .page1 {
    width: 100%;
    height: 29.32rem;
    position: relative;
    background-image: url(../img/bg.jpg); }
    .body .page1 img {
      position: absolute;
      height: auto; }
    .body .page1 .logo {
      width: 6.79rem;
      left: 50%;
      margin-left: -3.395rem;
      top: 0.43rem; }
    .body .page1 .title {
      width: 5.67rem;
      left: 50%;
      margin-left: -2.835rem;
      top: 1.84rem; }
    .body .page1 .text {
      width: 100%;
      left: 0;
      top: 2.88rem; }
    .body .page1 .tree {
      width: 100%;
      left: 0;
      top: 3rem; }
    .body .page1 .car {
      width: 5.12rem;
      top: 4.11rem;
      left: 0.57rem; }
    .body .page1 .title2 {
      width: 6.61rem;
      left: 0.54rem;
      top: 8.81rem; }
    .body .page1 .bar1 {
      width: 5.04rem;
      left: 0;
      top: 10.42rem; }
    .body .page1 .pic1 {
      width: 2.75rem;
      left: 2.98rem;
      top: 10.46rem; }
    .body .page1 .yinzhang {
      width: 1.1rem;
      left: 5.07rem;
      top: 11.69rem; }
    .body .page1 .bar2 {
      width: 7.02rem;
      left: 0;
      top: 12.42rem; }
    .body .page1 .pic2 {
      width: 5.36rem;
      left: 1.75rem;
      top: 12.49rem; }
    .body .page1 .pic3 {
      width: 2.95rem;
      left: 2.91rem;
      top: 15.55rem; }
    .body .page1 .bar3 {
      width: 5.75rem;
      left: 0;
      top: 15.46rem; }
    .body .page1 .rules {
      width: 7.11rem;
      left: 0.26rem;
      top: 18.13rem; }
    .body .page1 .table {
      width: 5.79rem;
      height: 4.66rem;
      position: absolute;
      left: 50%;
      margin-left: -2.895rem;
      top: 23rem;
      background-image: url(../img/table.png); }
      .body .page1 .table .name, .body .page1 .table .tel, .body .page1 .table .address {
        width: 3.6rem;
        height: 0.48rem;
        border: none;
        outline: none;
        position: absolute;
        background-color: transparent;
        left: 1.8rem;
        padding: 0rem 0.1rem; }
      .body .page1 .table .address {
        width: 2.2rem; }
      .body .page1 .table .province, .body .page1 .table .city, .body .page1 .table .store {
        outline: none;
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        position: absolute;
        background: transparent;
        width: 1.1rem;
        height: 0.48rem;
        font-size: 0.28rem; }
      .body .page1 .table .sms_btn {
        width: 1.5rem;
        height: 0.5rem;
        position: absolute;
        z-index: 2500;
        top: 1.67rem;
        right: 0.2rem;
        line-height: 0.5rem;
        font-size: 0.26rem;
        text-align: center;
        background-image: url(../img/btn_bg.png); }
      .body .page1 .table .name {
        top: 0.84rem; }
      .body .page1 .table .tel {
        width: 2.2rem;
        top: 1.66rem; }
      .body .page1 .table .address {
        top: 2.44rem; }
      .body .page1 .table .province {
        top: 3.28rem;
        width: 1.59rem;
        left: 0.4rem; }
      .body .page1 .table .city {
        top: 3.28rem;
        left: 2.5rem;
        width: 2.2rem; }
      .body .page1 .table .store {
        top: 4.1rem;
        left: 0.4rem;
        width: 4.5rem; }
    .body .page1 .button {
      width: 3.74rem;
      left: 50%;
      margin-left: -1.87rem;
      bottom: 0.62rem; }
  .body .page2 {
    width: 100%;
    height: 13.34rem;
    position: relative;
    background-image: url(../img/bg2.jpg);
    overflow: hidden; }
    .body .page2 img {
      position: absolute;
      height: auto; }
    .body .page2 .logo {
      width: 6.79rem;
      left: 50%;
      margin-left: -3.395rem;
      top: 0.43rem; }
    .body .page2 .title {
      width: 5.67rem;
      left: 50%;
      margin-left: -2.835rem;
      top: 1.52rem; }
    .body .page2 .text {
      width: 100%;
      left: 0;
      top: 2.59rem; }
    .body .page2 .title2 {
      width: 6.61rem;
      left: 0.54rem;
      top: 3.69rem; }
    .body .page2 .tree {
      width: 100%;
      left: 0;
      bottom: -0.3rem; }
    .body .page2 .car {
      width: 3.68rem;
      bottom: 0rem;
      left: 0.57rem; }
    .body .page2 .qrcode {
      width: 4.17rem;
      left: 50%;
      margin-left: -2.085rem;
      top: 5.26rem; }
    .body .page2 .tip {
      width: 3.66rem;
      left: 50%;
      margin-left: -1.83rem;
      top: 9.48rem; }
  .body .page3 {
    width: 100%;
    height: 22.64rem;
    position: relative;
    background-image: url(../img/bg3.jpg); }
    .body .page3 img {
      position: absolute;
      height: auto; }
    .body .page3 .logo {
      width: 6.79rem;
      left: 50%;
      margin-left: -3.395rem;
      top: 0.43rem; }
    .body .page3 .title {
      width: 5.67rem;
      left: 50%;
      margin-left: -2.835rem;
      top: 1.84rem; }
    .body .page3 .text {
      width: 100%;
      left: 0;
      top: 2.88rem; }
    .body .page3 .tree {
      width: 100%;
      left: 0;
      top: 3rem; }
    .body .page3 .car {
      width: 5.12rem;
      top: 4.11rem;
      left: 0.57rem; }
    .body .page3 .prize_wrap {
      width: 7.11rem;
      height: 11.45rem;
      position: absolute;
      left: 50%;
      margin-left: -3.555rem;
      background-image: url(../img/prize.png);
      top: 10rem; }
      .body .page3 .prize_wrap .prize_list {
        width: 5.3rem;
        height: 8.87rem;
        position: absolute;
        left: 50%;
        margin-left: -2.65rem;
        top: 1.55rem; }
        .body .page3 .prize_wrap .prize_list .prize_item {
          width: 5.3rem;
          height: 0.4rem;
          margin-bottom: 0.01rem; }
          .body .page3 .prize_wrap .prize_list .prize_item .prize_name, .body .page3 .prize_wrap .prize_list .prize_item .prize_tel {
            font-size: 0.24rem;
            line-height: 0.4rem; }
          .body .page3 .prize_wrap .prize_list .prize_item .prize_name {
            width: 1.38rem;
            height: 100%;
            float: left;
            text-align: center; }
          .body .page3 .prize_wrap .prize_list .prize_item .prize_tel {
            width: 3.45rem;
            height: 100%;
            float: right;
            text-align: center; }

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .body .page2 {
    height: 100vh; } }

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .body .page2 {
    height: 100vh; } }

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .body .page2 {
    height: 100vh; }
    .body .page2 .qrcode {
      top: 6.26rem; }
    .body .page2 .tip {
      top: 10.48rem; } }
